<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./WEB-INF/template.xhtml">
            <ui:define name="title">
                <h:outputText value="Sandwich | SUBWAY.com" />
            </ui:define>
            <div id="leftdiv">

            </div><!-- end of left_menu -->
            <ui:define name="content">
                <div id="content_inner">

                    <div class="content">
                        <div id="content_sandwich">
                            <h1 align="center">Has tu pedido ahora!!</h1>
                            <a href="#"><img src="images/panes.jpg" width="400" height="400" alt="panes"/></a>
                            <h2>Tu eliges!</h2>

                            <form id="formsand-pedido" name="form2" method="post" action="">
                                <table border="0" width="1" cellspacing="1">
                                    <thead><tr><th>ELIGE TU PRODUCTO</th>
                                            <th>PRECIO</th></tr></thead>
                                    <tbody>
                                        <tr>
                                            <td><input type="radio" name="pedido_sandwich" value="opción1" required="true"/>ITALIANO</td>
                                            <td>$5.50</td>
                                        </tr>
                                        <tr>
                                            <td><input type="radio" name="pedido_sandwich" value="opción2" required="true" />VEGETARIANO</td>
                                            <td>$6.99</td>
                                        </tr>
                                        <tr>
                                            <td><input type="radio" name="pedido_sandwich" value="opción1" required="true" />ATUN</td>
                                            <td>$5.50</td>
                                        </tr>
                                        <tr>
                                            <td><input type="radio" name="pedido_sandwich" value="opción1" required="true" />SUBWAY CLUB</td>
                                            <td>$5.50</td>
                                        </tr>
                                        <tr>
                                            <td class="bottom-table"></td>
                                            <td class="bottom-table"></td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div id="confi-pedido">
                                    <h2 class="confPedi">PEDIDO</h2>
                                    <table class="tlb-pedidos">
                                        <tr>
                                            <td><input class="btn-pedidos" type="submit" value="Realizar Pedido" action="andwich.xhtml"/></td>
                                            <td><input class="btn-pedidos" type="submit" value="Revisar Pedido" action="pedido.xhtml"/></td>
                                        </tr>
                                    </table>
                                </div><!-- end of confi-pedido -->
                            </form>
                        </div><!-- end of content_sandwich -->
                        <div class="cleaner_sandh5"></div>
                    </div><!-- end of content -->
                </div><!-- end of content_inner -->
            </ui:define>
        </ui:composition>

    </body>
</html>
